<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../static/assets/swiper/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../static/css/common/adaptor.css">
    <link rel="stylesheet" href="../static/css/common/common.css">
    <link rel="stylesheet" href="../static/css/news/news.css">
    <title>页面加载中...</title>
</head>
<body>
    <div class="layout">
        <!--头部-->
        <!-- <div class="header">新闻详情</div> -->
        <!--视频-->
        <div class="videoContainer hideVideoContainer">
            <!--动态渲染视频信息-->
        </div>
        <!--文章-->
        <div class="newsArticle hideNewsArticle">
            <!--动态渲染新闻文章-->
        </div>
        <!--推荐新闻-->
        <div class="recommendNews">
            <!--动态渲染推荐新闻-->
        </div>
        <!--新闻评论-->
        <div class="newsComments">
            <!--动态渲染新闻评论-->
        </div>
        <div class="footer">
            <div class="howToBuy">请打开惊喜APP进行评论,如未安装惊喜APP,请去下载。</div>
                <div class="toDownLoadApp">去下载APP</div>
            </div>
        </div>
    </div>
    <!--新闻视频-->
    <script type="text/template" id="videoMsg">
        <div class="video">
            <video src="{{videoMsg.video}}" preload="preload"  controls="controls"></video>
        </div>
        <div class="videoMsg">
            <div class="videoTitle">
                <h3>{{videoMsg.title}}</h3>
            </div>
            <div class="playAndClick">
                <div class="videoPlayTimes">{{videoMsg.read}}次播放</div>
                <div class="addToPraise">{{videoMsg.loveCount}}</div>
            </div>
        </div>
    </script>
    <!--新闻文章-->
    <script type="text/template" id="newsArticleText">
        <div class="newsArticleTitle">
            <div class="newsTitle">
                <h1>{{newsArticlMsg.title}}</h1>
            </div>
            <div class="newsSource">
                <div class="newsSourceImg"></div>
                <div class="newsSourceNameAndDate">
                    <div class="name">{{newsArticlMsg.source}}</div>
                    <div class="date">{{newsArticlMsg.releaseTime}}</div>
                </div>
            </div>
        </div>
        <div class="newsArticleContent">
            <p>{{#newsArticlMsg.details}}</p>
        </div>
        <div class="newsAticleClick">
            <div class="newsAticleClickImgAndClicNum">
                <div class="newsAticleClick"></div>
                <div class="newsAticleClickNum">{{newsArticlMsg.loveCount}}人点赞</div>
            </div>
        </div>
    </script>
    <!--推荐新闻-->
    <script type="text/template" id="recommendNewsTpl">
        {{each newsList as item index}}
        <div class="newItem" newsId="{{item.id}}">
            <div class="newImgOrVideo">
                <img src="{{item.pic}}" alt=""> {{if item.type===2}}
                <span class="playBtn"></span> {{/if}}
            </div>
            <div class="newsTitle">
                <h3>{{item.title}}</h3>
            </div>
            <div class="newsSourceAndRead">
                <div class="newsSource">{{item.source}}</div>
                {{if item.type===1}}
                <div class="nenwsRead">{{item.read}}阅读</div>
                {{/if}} {{if item.type===2}}
                <div class="nenwsRead">{{item.read}}次播放</div>
                {{/if}}
            </div>
        </div>
        {{/each}}
    </script>
    <!--用户留言-->
    <script type="text/template" id="userComment">
        <div class="msgAndComment">
            <div class="msgAndCommentImg"></div>
        </div>
         <div class="commentsContainer">
            {{each commentList as item index}}
            <div class="userComments">
                <div class="userCommentItem clearfix">
                    <div class="userHeader">
                        <img src="{{item.pic}}" alt="" title="">
                    </div>
                    <div class="commentContainer">
                        <div class="usernameAndReply clearfix">
                            <div class="userName">
                                {{item.nickname}} {{if item.pNickname}}
                                <span class="replySomeone">回复</span><span class="replyName">{{item.pNickname}}</span> {{/if}}
                            </div>
                            <div class="reply"><span>回复</span></div>
                        </div>
                        <div class="content">{{item.content}}</div>
                    </div>
                </div>
            </div>
            {{/each}}
            {{if commentList.length >0}}
            <div class="moreComment">
                <div class="moreCommentsBtn">展开更多</div>
            </div>
            {{/if}}
            {{if commentList.length===0}}
            <div class="noComment">
                <div class="noCommentsBtn">暂无评论</div>
            </div>
            {{/if}}
        </div>
    </script>
    <script src="../static/assets/jquery/jquery.min.js"></script>
    <script src="../static/assets/art-template/template.js"></script>
    <script src="../static/assets/swiper/swiper-3.4.2.min.js"></script>
    <script src="../static/js/tools/tools.js"></script>
    <script src="../static/js/tools/config.js"></script>
    <script src="../static/js/news/news.js"></script>
</body>
</html>